$card-prefix-cls: "#{$css-prefix}card";

.#{$card-prefix-cls}{
    background: $card-background;
    border-radius: $border-radius-small;
    font-size: $font-size-base;
    position: relative;
    //overflow: hidden;
    transition: all $transition-time $ease-in-out;

    &-bordered {
        border: 1px solid $border-color-base;
        border-color: $border-color-split;
    }

    &-shadow{
        box-shadow: $shadow-card;
    }

    &:hover {
        box-shadow: $shadow-base;
        border-color: $card-hover-border-color;
    }
    &-dis-hover:hover{
        box-shadow: none;
        /*border-color: transparent;*/
    }

    &-dis-hover &-bordered:hover{
        border-color: $border-color-split;
    }

    &-shadow:hover{
        box-shadow: $shadow-card;
    }

    &-head {
        @include content-header;
    }

    &-extra {
        position: absolute;
        right: $card-extra-right;
        top: $card-extra-top;
    }

    &-body {
        padding: $card-body-padding;
    }
    ul li {
        margin-bottom: $card-ul-li-margin-bottom;
    }
    ul li span {
        float: right;
        color: $card-ul-li-span-color;
    }
    ul li a[target=_blank]:after {
        content: "\e69c";
        font-family: iconfont;
        color: $card-ul-li-a-color;
        margin-left: $card-ul-li-a-margin-left;
    }
}